<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>主页</title>
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="loading">0%</div>
<section class="content">
  <h2>就是这个时间</h2>
  <div class="box lazy" data-src="img/1.jpg"></div>
  <div class="box lazy" data-src="img/2.jpg"></div>
  <div class="box lazy" data-src="img/3.jpg"></div>
  <div class="box lazy" data-src="img/4.jpg"></div>
</section>

<script src="lib/sea.js"></script>
<script src="lib/seajs-css.js"></script>
<script>
  seajs.config({
    base: './',
    alias: {
      'zepto': 'lib/zepto.min.js',
      'swiper': 'lib/swiper-3.3.1.jquery.min.js',
      'main': 'js/main.js',
      'index':'css/index.css'
    },
    preload: ['index']
  });

  seajs.use('index');
  seajs.use(['zepto','main'], function() {
      console.log('Alljs is ok (✿✪‿✪｡)ﾉ');
      $('.content').css('background','#f2f2f2');
  });

</script>
</body>
</html>